export default function createElement(type,props,...children) {
    // const childElement = [].concat(...children).map((child) => {
    //     if(child instanceof Object){
    //         return child
    //     } else {
    //         return createElement('text',{
    //             textContent: child
    //         })
    //     }
    // })
    const childElement = [].concat(...children).reduce((result,child) => {
        // 排除VirtualDOM中的 false,true,null 这些不会在页面中进行展示的
        if([false,true,null].includes(child)) return result
        if(child instanceof Object){
            result.push(child)
        } else {
            result.push(createElement('text',{textContent:child}))
        }
        return result
    },[])
    return {
        type,
        props:Object.assign({children: childElement},props), // 可以通过props.children访问到子VirtualDOM
        children: childElement
    }
}